      <template>
        <div>
            <el-dialog :title="title" :visible.sync="backupVisible" :close-on-click-modal="false" @close="closeDialog">
                <el-form :inline="true">
                    <div style="margin-bottom:20px">
                        <el-input v-model="sensorName" placeholder="请输入设备名称/设备ID" size="small" class="search_inp"></el-input>
                        <el-button type="primary"  size="small">搜索</el-button>
                    </div>
                </el-form>
                <el-table  ref="multipleTable" :data="tableData"  @selection-change="handleSelectionChange">
                    <el-table-column type="selection" width="55" align="center"></el-table-column>
                    <el-table-column label="设备ID" prop="id"/>
                    <el-table-column prop="name" label="设备名称"/>
                    <el-table-column label="所属商户" prop="mode" />
                    <el-table-column label="设备类型" prop="manufactor" />
                    <el-table-column label="运行状态" prop="date" />
                </el-table>
                <div slot="footer" class="dialog-footer">
                <el-button @click="closeDialog()">取 消</el-button>
                <el-button type="primary" @click="nextStep()">下一步</el-button>
                </div>
            </el-dialog> 

            <bbackups-finished ref="backupsFinishRef" v-if="backupsFinishDialog.show" :isShow="backupsFinishDialog.show"  @closeDialog="hideBbackupsFinishDialog" title="批量设置备份"></bbackups-finished>
        </div>
      </template>
      <script>
      import BbackupsFinished from '@/components/dialog/bBackupsFinish'
      export default {
          data() {
              return {
                  backupVisible: this.isShow,
                  backupsFinishDialog: {
                      show: false
                  },
                  sensorName: '',
                  multipleSelection: [],
                  tableData: []
              }
          },
          props: ['isShow', 'title'],
          components: {BbackupsFinished},
          methods: {
            //设置弹窗可见
            closeDialog() {
                this.$emit('closeDialog')
            },
            hideBbackupsFinishDialog() {
                 this.backupsFinishDialog.show = false
            },
            handleSelectionChange(val) {
                this.multipleSelection = val
            },
            nextStep() {
                this.backupsFinishDialog.show = true
            }
          }
      }
      </script>
      
<style lang="less" scoped>
    .search_inp {
        display: inline-block;
        width: 220px;
        .el-input__inner {
            height: 36px!important;
            line-height: 36px!important;
        }
    }
</style>
